<template>
	<view class="home-info uflex-a-j_fsc">
		<image :src="homeinfo.userpic" mode="widthFix" lazy-load></image>
		<view>
			<text>{{homeinfo.username}}</text>
			<view class="">
				总访客<text>{{homeinfo.totalnum}}</text>
				今日<text>{{homeinfo.todaynum}}</text>
			</view>
		</view>
		<view class="icon iconfont icon-jinru">
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			homeinfo: Object
		}
	}
</script>

<style scoped lang="scss">
	.home-info{
		padding: 20upx 40upx;
		> image{
			width: 100upx;
			height: 100upx;
			flex-shrink: 0;
			border-radius: 100%;
			margin-right: 15upx;
		}
		> view{
			&:first-of-type{
				flex:1;
				> text{
					font-size: 32upx;
				}
				> view{
					color:#bbb;
					> text{
						padding: 0 20upx 0 10upx;
					}
				}
			}
			&:last-of-type{
				
			}
		}
	}
</style>
